.content{
    width: 77.34%;
    margin: 2.7rem auto 0;
    display: flex;
}
.content .left{
    width: 47.07%;
    height: 17.1rem;
    background: url('../images/login_bg.jpg') no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.content .left .cont{
    width: 10.4rem;
    position: absolute;
    top: 1.833333rem;
    left: 1.6rem;
}
.content .left .cont .desc{
    font-size: .533333rem;
    color: #5a5659;
    line-height: .766667rem;
    margin-bottom: 1.033333rem;
}
.content .left .cont .tit{
    font-size: .6rem;
    color: #339602;
    line-height: 1.933333rem;
}
.content .left .cont a{
    float: right;
    font-size: .433333rem;
    color: #444444;
    width: 3.6rem;
    height: .866667rem;
    display: block;
    background-color: #dadada;
    text-align: center;
    line-height: .866667rem;
    border-radius: 5px;
}
.content .right{
    margin-left: 3.1rem;
    margin-top: 1.533333rem;
}
.content .right .login{
    width: 10.466667rem;
}
.content .right img{
    width: 100%;
}
.content .right table{
    width: 10.466667rem;
    height: 6.933333rem;
    font-size: .4rem;
    margin-top: .9rem;
}
.content .right table input{
    width: 8.266667rem;
    height: .866667rem;
    text-indent: .2rem;
    font-size: .4rem;
    color: #000;
    line-height: .866667rem;
}
.content .right table input:focus{
    background-color: #fffbe3;
}
.content .right table .code{
    width: 5.133333rem;
}
.content .right table .code-img{
    width: 2.5rem;
    height: .7rem;
    display: inline-block;
    border: 2px solid #cccccc;
    margin-left: .366667rem;
}
.content .right table img{
    width: 100%;
}
.content .right table .btn{
    width: 4.166667rem;
    height: 1.1rem;
    background-color: #43bd16;
    font-size: .566667rem;
    color: #fff;
    line-height: 1.1rem;
    text-align: center;
    margin-right: .8rem;
}
.content .right table a{
    font-size: .4rem;
    color: #0565a3;
    text-decoration: underline;
}